<template>
    <div class="main">
        <p class="p1" v-if="fullWidth > 1000">地址：北京海淀区西小口路66号东升科技园（北领地）C7-3 电话：800-990-6057</p>
        <p v-if="fullWidth > 1000">京ICP备14016832 京公网安备11011080215827 天根生化科技（北京）有限公司C 版权所有</p>
        <p style="margin:0 auto" v-if="fullWidth < 1000">如有产品或技术问题，欢迎咨询TIANGEN微信客服！</p>
    </div>
</template>
<script>
export default {
    data () {
        return {
            fullWidth:document.documentElement.clientWidth
        }
    },
    created(){
        window.addEventListener('resize', this.handleResize)
    },
    beforeDestroy: function () {
        window.removeEventListener('resize', this.handleResize)
    },
    methods: {
        handleResize (event) {
            this.fullWidth = document.documentElement.clientWidth
        },
    },
}
</script>
<style lang="scss" scoped>
    .main{
        width: 100%;
        height: 64px;
        background:url('../assets/images/mf.png') no-repeat;
        background-size: cover;
        color:#fff;
        text-align: center;
        padding-top:8px;
        box-sizing: border-box;
        font-size:12px;
        .p1{
            margin-bottom: 10px;
        }
    }
    @media screen and (max-width: 1000px) {
        .main{
            width: 100%;
            height: .88rem;
            font-size: 0.24rem;
            padding-top:unset;
            line-height: 0.88rem;
            background:url('../assets/images/mf.png') no-repeat;
            background-size: cover;
            color:#fff;
            text-align: center;

            box-sizing: border-box;
            display: flex;
            text-align: center;
        .p1{
            margin-bottom: .1rem;
        }
    }
}
</style>